@charset "utf-8";
/**/
@font-face{
font-family:myfont;
src:url("impact.ttf");
}
* {	margin: 0;	padding: 0;	border: 0;}
body {	margin: 0px;	background: #fff;font-size: 14px;color: #000;line-height: 24px;	font-family: "微软雅黑";}
a {color: #000;	text-decoration: none; transition:color 0.5s,background 0.5s,width 0.5s,border 0.5s,margin 0.5s,padding 0.5s;} 
ul{ list-style:none;}

@media(min-width:900px) {
#top{ width:100%; background:#fff; box-shadow:0px 3px 5px rgba(0,0,0,0.1); z-index:40; position:fixed; border-top:solid 3px #ee1f27;}
#top .k{ width:1200px; margin:0 auto; overflow:hidden;}
#top1{ height:90px; width:100%; overflow:hidden;}

#logo{ float:left;}
#mbtn{ display:none;}
#close{ display:none;}
#menu{ float:left; overflow:hidden; margin-left:50px;}
#menu ul li{ float:left;}
#menu ul li a{ display:block; line-height:90px; color:#333; padding:0 16px; font-size:16px;}
#menu ul li a:hover{ background:#ee1c24; color:#fff;}

#menu ul li .zmenu{ position:absolute; z-index:20; background:rgba(255,255,255,0.9); overflow:hidden; box-shadow:0px 3px 5px rgba(0,0,0,0.1); display:none;}
#menu ul li .zmenu .a_line{ overflow:hidden; border-top:solid 2px #ee1c24;}
#menu ul li .zmenu .a_line img{ margin-left:41px;}

#menu ul li .zmenu .a_k{ padding:30px; overflow:hidden; }

#menu ul li .zmenu .a_k .a_l{ float:left; width:120px;margin-right:10px;}
#menu ul li .zmenu .a_k .a_l p{ border-bottom:solid 1px #faf1f2;}
#menu ul li .zmenu .a_k .a_l p a{ line-height:39px; font-size:14px; background:url(image/line1.jpg) no-repeat left bottom/0% 1px;}
#menu ul li .zmenu .a_k .a_l p a img{ margin:0 10px 0 0px;}
#menu ul li .zmenu .a_k .a_l p a:hover{background:url(image/line1.jpg) no-repeat left bottom/100% 1px; color:#ee1c24;}

#menu ul li .zmenu .a_k .a_r{ float:right; text-align:center;}
#menu ul li .zmenu .a_k .a_r p{ background:rgba(238,28,36,0.5); color:#fff; line-height:30px; margin-top:-30px; z-index:10; position:absolute; width:383px;}

#menu ul li.company .zmenu .a_k .a_l{ float:left; width:260px;margin-right:10px;}
#menu ul li.company .zmenu{ margin-left:-300px;}
#menu ul li.company .zmenu .a_line img{ margin-left:341px;}

#menu ul li.job .zmenu{ margin-left:-477px;}
#menu ul li.job .zmenu .a_line img{ margin-left:515px;}

#menu ul li.dang .zmenu{ margin-left:-477px;}
#menu ul li.dang .zmenu .a_line img{ margin-left:515px;}

#menu ul li.contact .zmenu{ margin-left:-477px;}
#menu ul li.contact .zmenu .a_line img{ margin-left:515px;}

#search_btn{ float:left; cursor:pointer; margin:37px 0 0 50px;}

#search{ width:100%; background:rgba(46,48,146,0.8); height:80px; position:absolute; z-index:10; display:none;}
#search .k{ width:800px; margin:20px auto 0 auto; overflow:hidden;}
#search .k input{ background:none; width:600px; border:solid 1px #fff; height:40px; color:#fff; text-indent:20px; float:left;}
#search .k input::placeholder{ color:rgba(255,255,255,0.5);}
#search .k button{ width:198px; height:42px; cursor:pointer; transition:all 0.5s;}
#search .k button:hover{ background:#ee1d25; color:#fff;}
#search .k .close{ position:absolute; width:20px; height:20px; transition:all 0.5s; background:#2e3092; border:solid 2px rgba(255,255,255,0.3); border-radius:20px; margin:-55px 0 0 790px; cursor:pointer; box-shadow:0 3px 5px rgba(0,0,0,0.2);}
#search .k .close img{ width:100%;}
#search .k .close:hover{ background:#ee1d25;}

#lan{ float:right; color:#333; cursor:pointer; line-height:90px;}
#lan span{ margin-left:5px;}
#lan span img{ transition:all 0.5s;}
#lan:hover span img{ transform:rotate(180deg);}

#lan .lan_list{ position:fixed;line-height:40px; background:#ee1c24; width:100px; margin:-30px 0 0 -20px; border-radius:5px; display:none; overflow:hidden;}
#lan .lan_list ul li a{line-height:40px; display:block; color:#fff; text-align:center; border-bottom:solid 1px rgba(0,0,0,0.1);}
#lan .lan_list ul li a:hover{ background:#2e3092;}

/*banner*/
.swiper-container {	width: 100%;margin-left: auto;margin-right: auto;}
.swiper-slide {	text-align: center;	font-size: 18px;background: #fff;display: -webkit-box;display: -ms-flexbox;	display: -webkit-flex;	display: flex;	-webkit-box-pack: center;-ms-flex-pack: center;	-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;	-ms-flex-align: center;	-webkit-align-items: center;align-items: center;}
.swiper-slide{ overflow:hidden;}
.swiper-slide img {	width:100%;}

#index_about{ width:1200px; margin:80px auto; overflow:hidden;}
#index_about .left{ float:left;}
#index_about .right{ float:right; width:530px;}
#index_about .right p.a1{ font-size:36px; color:#333; line-height:60px; font-weight:900; padding-top:10px;}

#index_about .right p.a2{ padding-top:10px;}

#index_about .right p.a3{ overflow:hidden; margin:30px 0 0 0;}
#index_about .right p.a3 a{ background:#f7f7f7; color:#2e3092; display:block; width:100px; text-align:center; line-height:36px; border-radius:5px;}
#index_about .right p.a3 a:hover{ width:120px; background:#ee1c24; color:#fff;}

#index_about .right div.a4{ width:100%; overflow:hidden; margin-top:50px;}
#index_about .right div.a4 ul li{ float:left; width:33.33%;}
#index_about .right div.a4 ul li p.b1{ font-size:36px; font-family:myfont; line-height:50px; color:#ee1c24;}

#index_company{ width:100%; overflow:hidden; background:url(image/index_com_di.jpg) no-repeat center top;}
#index_company .tt{ text-align:center; overflow:hidden;}
#index_company .tt p.a1{ font-size:36px; color:#333; font-weight:900; line-height:60px; margin-top:80px;}
#index_company .tt p.a2{ letter-spacing:2px;}

.kuang{ width:1200px; margin:40px auto 0 auto; overflow:hidden;}
/*ind_pic*/
.ind_app {width:100%; margin-left:auto; margin-right:auto; }
.ind_app .swiper-slide {display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack: center; -webkit-justify-content:center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; background:none;}

.ind_app .swiper-slide .com a{display:block; background:#fff; border-radius:10px; overflow:hidden; margin-top:10px;}
.ind_app .swiper-slide .com a div.pp{ width:201px; height:200px; margin:0 auto; overflow:hidden; margin-top:48px; transition:all 0.5s;}
.ind_app .swiper-slide .com a div.pp1{ background:url(image/k11.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp2{ background:url(image/k21.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp3{ background:url(image/k31.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp4{ background:url(image/k41.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp5{ background:url(image/k51.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp6{ background:url(image/k61.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a div.pp7{ background:url(image/k71.png) no-repeat center top/100% auto;}

.ind_app .swiper-slide .com a div.tt{ font-size:28px; color:#333; line-height:60px; font-weight:900; margin-top:20px; transition:all 0.5s;}
.ind_app .swiper-slide .com a div.cc{ width:80%; margin:0 auto; color:#000; font-size:14px; text-align:left; line-height:24px; transition:all 0.5s;}
.ind_app .swiper-slide .com a div.more{ background:#ee1d25; width:110px; line-height:40px; margin:40px auto 50px auto; color:#fff; font-size:14px; border-radius:5px; transition:all 0.5s;}
.ind_app .swiper-slide .com p.yin{ width:100%; margin-bottom:60px; overflow:hidden; transition:all 0.5s;}
.ind_app .swiper-slide .com p.yin img{ width:100%;}

.ind_app .swiper-slide .com a:hover{ background:#ee1d25; margin-top:0;}
.ind_app .swiper-slide .com a:hover div.pp1{background:url(image/k12.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp2{background:url(image/k22.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp3{background:url(image/k32.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp4{background:url(image/k42.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp5{background:url(image/k52.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp6{background:url(image/k62.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.pp7{background:url(image/k72.png) no-repeat center top/100% auto;}
.ind_app .swiper-slide .com a:hover div.tt{ color:#fff;}
.ind_app .swiper-slide .com a:hover div.cc{ color:#fff;}
.ind_app .swiper-slide .com a:hover div.more{ background:#fff; color:#ee1d25}
.ind_app .swiper-slide .com a div.more:hover{ width:150px;}
.ind_app .swiper-slide .com:hover p.yin{ margin-top:10px;}

.ind_app .swiper-button-next{ display:inherit;}
.ind_app .swiper-button-prev{ display:inherit;}
.ind_app .swiper-pagination{ display:none;}

#index_page{ width:100%; position:absolute; margin-top:-400px;overflow:hidden; z-index:30;}
#index_page .a1{ float:left; margin-left:20px;}
#index_page .a2{ float:right; margin-right:20px;}

#kunag1{ width:100%; background:none;}

#index_news{ width:1200px; margin:0 auto; overflow:hidden;}
#index_news .tt{ text-align:center; overflow:hidden;}
#index_news .tt p.a1{ font-size:36px; color:#333; font-weight:900; line-height:60px; margin-top:80px;}
#index_news .tt p.a2{ letter-spacing:2px;}

#index_news .list{ width:100%; overflow:hidden; margin-top:40px; margin-bottom:80px;}
#index_news .list .left{ float:left;}
#index_news .list .left a{ display:block; background:url(image/ind_news_di.jpg) no-repeat center/100% 100%; width:342px; padding:0 50px; height:402px; border-radius:10px; color:#fff; transition:all 0.5s;}
#index_news .list .left a p.a1{ font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; padding-top:80px;}
#index_news .list .left a p.a2{ font-size:20px; line-height:30px; font-weight:900; margin-top:10px;}
#index_news .list .left a p.a3{ border:solid 2px #fff; text-align:center; width:90px; line-height:30px; border-radius:5px; margin-top:80px; transition:all 0.5s;}
#index_news .list .left a:hover{ background:url(image/ind_news_di.jpg) no-repeat center/120% 120%;}
#index_news .list .left a:hover p.a3{ width:120px;}
#index_news .list .left a p.a3:hover{ background:#ee1c24; border:solid 2px #ee1c24;}

#index_news .list .right{ float:right; width:748px;}
#index_news .list .right ul li{ float:left; margin:0 0 20px 20px;}
#index_news .list .right ul li a{ display:block; background:rgba(224,234,250,0.8); border-radius:10px; overflow:hidden; width:274px; height:191px; padding:0 40px;}
#index_news .list .right ul li a p.a1{ color:#000; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif; margin-top:30px;transition:all 0.5s;}
#index_news .list .right ul li a p.a2{ font-size:18px; color:#333; line-height:24px; height:48px;transition:all 0.5s;}
#index_news .list .right ul li a p.a3{ background:url(image/bit3.png) no-repeat center #fff; border-radius:5px; width:54px; height:35px; margin-top:20px; transition:all 0.5s;}

#index_news .list .right ul li a:hover{ background:#ee1d25;}
#index_news .list .right ul li a:hover p.a1{ color:#fff;}
#index_news .list .right ul li a:hover p.a2{ color:#fff;}
#index_news .list .right ul li a:hover p.a3{background:url(image/bit4.png) no-repeat center #fff; }
#index_news .list .right ul li a p.a3:hover{ width:80px;}

#index_pro{ width:100%; margin:0 auto; overflow:hidden; background:url(image/di1.jpg) no-repeat center;}
#index_pro .tt{ text-align:center; overflow:hidden;}
#index_pro .tt p.a1{ font-size:36px; color:#333; font-weight:900; line-height:60px; margin-top:70px;}
#index_pro .tt p.a2{ letter-spacing:2px;}

#index_pro .kuang{ width:1200px; margin:0 auto 0 auto; overflow:hidden;}
/*ind_pic*/
.ind_pro {width:100%; margin-left:auto; margin-right:auto; }
.ind_pro .swiper-slide {text-align: center;font-size: 14px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center; -webkit-justify-content: center;justify-content: center; -webkit-box-align: center; -ms-flex-align: center;  -webkit-align-items: center;  align-items: center; }
.ind_pro .swiper-slide{ overflow:hidden; text-align:center; background:none; padding-top:30px;}
.ind_pro .swiper-slide a{ padding:10px; display:block; font-size:14px; text-align:center; background:rgba(255,255,255,0.5); transition:background 0.5s,box-shadow 0.5s,margin 0.5s; margin-top:5px;}
.ind_pro .swiper-slide a div{ overflow:hidden;}
.ind_pro .swiper-slide a img{width:100%;transition:All 2s ease-in-out;  -webkit-transition:All 2s ease-in-out;  -moz-transition:All 2s ease-in-out;  -o-transition:All 2s ease-in-out;}
.ind_pro .swiper-slide a:hover img{transform:scale(1.15);}
.ind_pro .swiper-slide a p{line-height:40px; padding-top:10px;}
.ind_pro .swiper-slide a:hover{ background:#ee1d25;  box-shadow:0px 5px 10px rgba(0,0,0,0.1); margin-top:0px; color:#fff;}
.ind_pro .swiper-button-next{ display:inherit;}
.ind_pro .swiper-button-prev{ display:inherit;}

#index_pro_page{ text-align:center; overflow:hidden; width:100%; margin:50px auto 80px auto;}
#index_pro_page ul{ display:inline-block;}
#index_pro_page ul li{ float:left; margin:0 5px;}
#index_pro_page ul li a{ display:block; background:#fff; border-radius:3px;}
#index_pro_page ul li.a1 a{ width:56px; height:37px; background:url(image/bit5.png) no-repeat center #bccef2;}
#index_pro_page ul li.a1 a:hover{ background:url(image/bit5.png) no-repeat center #ee1d25;}

#index_pro_page ul li.a2 a{ width:52px; height:34px; border:solid 2px #bccef2; background:url(image/bit7.png) no-repeat center;}
#index_pro_page ul li.a2 a:hover{ background:url(image/bit8.png) no-repeat center #ee1d25; border:solid 2px #ee1d25;}

#index_pro_page ul li.a3 a{ width:56px; height:37px; background:url(image/bit6.png) no-repeat center #bccef2;}
#index_pro_page ul li.a3 a:hover{ background:url(image/bit6.png) no-repeat center #ee1d25;}

#bottom{ width:100%; overflow:hidden; background:url(image/bottom.jpg) no-repeat center bottom; background-attachment:fixed;}
#bottom .bottom1{ width:1200px; margin:0 auto; overflow:hidden;}
#bottom .bottom1 ul li{ float:left;}
#bottom .bottom1 ul li p.tt{ font-size:16px; color:#fff; line-height:60px; padding-top:40px;}
#bottom .bottom1 ul li p a{ color:#d8dfff; line-height:30px; background:url(image/line1.jpg) no-repeat left bottom/0% 1px;}
#bottom .bottom1 ul li p a span{ display:block; width:2px; height:2px; border:solid 2px #d8dfff; border-radius:5px; float:left; margin:13px 7px 0 0;}
#bottom .bottom1 ul li p a:hover{ color:#fff; background:url(image/line1.jpg) no-repeat left bottom/100% 1px;}
#bottom .bottom1 ul li.a5 p.btn{ color:#d8dfff; line-height:36px;}
#bottom .bottom1 ul li.a5 p.btn img{ vertical-align:middle; margin:0 5px 0 0;}

#bottom .bottom1 ul li.a1{ width:15%;}
#bottom .bottom1 ul li.a2{ width:28%;}
#bottom .bottom1 ul li.a3{ width:15%;}
#bottom .bottom1 ul li.a4{ width:19%;}
#bottom .bottom1 ul li.a5{ width:23%;}

#bottom .bottom2{ width:1200px; margin:20px auto 0 auto; overflow:hidden; color:#fff; line-height:80px; border-top:dotted 1px rgba(255,255,255,0.3);}

#bottom .bottom2 a{color:#b0befa;}

#bottom .bottom2 select{ float:right; background:none; border:solid 1px rgba(255,255,255,0.3); width:220px; height:36px; color:#fff; text-indent:10px; font-size:14px; margin-top:20px;}
#bottom .bottom2 select option{ line-height:60px; color:#fff; background:rgba(0,0,0,0.9); }

#mbottom{ display:none;}

#aboutpic{ width:100%;}
#aboutpic img{ width:100%;}

#aboutmenu{ width:100%; overflow:hidden; background:#f7f7f7; text-align:center;}
#aboutmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#aboutmenu ul li{ float:left; border-left:solid 1px #fff;}
#aboutmenu ul li a{ display:block; line-height:60px; padding:0 50px;}
#aboutmenu ul li a:hover{ background:#ee1d25; color:#fff;}

#title{ width:1200px; margin:0 auto; overflow:hidden; text-align:center;}
#title p.tt{ font-size:30px; color:#333; line-height:50px; padding-top:40px; font-weight:900;}
#title p.bread{ color:#999; background:url(image/line2.jpg) no-repeat center/100% 1px;}
#title p.bread a{ color:#999;}
#title p.bread a:hover{ color:#ee1d25}
#title p.bread span{ background:#fff; padding:0 20px;}

#about_con{ width:1200px; margin:30px auto 80px auto; overflow:hidden;}

#workshop{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#workshop ul{ width:1320px;}
#workshop ul li{ width:380px; margin-right:30px; float:left; margin-bottom:20px;}
#workshop ul li a{ display:block; line-height:50px; text-align:center; background:#f7f7f7; overflow:hidden;}
#workshop ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#workshop ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#workshop ul li a img:hover{transform:scale(1.15);}
#workshop ul li a:hover{ background:#ee1d25; color:#fff;}

#page{ width:100%; text-align:center; overflow:hidden; margin:0 auto 80px auto;}
#page ul{ display:inline-block;}
#page ul li{ float:left; margin:0 5px;}
#page ul li a{ display:block; line-height:40px; padding:0 20px; border:solid 1px #eee;}
#page ul li a:hover{ background:#ee1d25; color:#fff;}
#page ul li a.it{ background:#ee1d25; color:#fff;}

#history_con{ width:1200px; margin:40px auto 60px auto; overflow:hidden; background:url(image/line2.jpg) 96px repeat-y;}
#history_con dl{ list-style:none;}
#history_con dl dd{ width:100%; background:url(image/btn1.png) 90px 30px no-repeat; overflow:hidden; padding-top:30px; margin-bottom:30px;}
#history_con dl dd span{ width:6%; float:left; text-align:right; font-size:18px; color:#000; font-weight:900; line-height:20px;}
#history_con dl dd p{ float:right; width:90%; text-align:left; border-bottom:solid 1px #eee; line-height:24px; font-size:14px; padding-bottom:20px;}

#newsmenu{ width:100%; overflow:hidden; background:#f7f7f7; text-align:center;}
#newsmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#newsmenu ul li{ float:left; border-left:solid 1px #fff;}
#newsmenu ul li a{ display:block; line-height:60px; padding:0 50px;}
#newsmenu ul li a:hover{ background:#ee1d25; color:#fff;}

#news{ width:1200px; margin:0 auto 40px auto; }

#news ul li{ border-bottom:solid 1px #eee;}
#news ul li a{ display:block; overflow:hidden; padding:30px 30px 30px 30px; background:url(image/line1.jpg) no-repeat left bottom/0% 2px; transition:background 1s ,box-shadow 0.5s; box-shadow:0 5px 5px rgba(0,0,0,0);}
#news ul li a div{ overflow:hidden;}
#news ul li a img{ float:left; margin-right:40px; width:380px;}
#news ul li a p.tt{ font-size:18px; color:#000; line-height:60px; font-weight:900; transition:all 0.5s;}
#news ul li a p.con{ color:#000;}
#news ul li a p.more{ width:120px; background:#eee; border-radius:5px; margin-top:40px; text-align:center; color:#000; line-height:40px; transition:width 0.5s,background 0.5s,color 0.5s;}
#news ul li a p.time{ font-size:14px; color:#999; line-height:40px;}
#news ul li a:hover p.more{background:#ee1d25; color:#fff; width:150px;}
#news ul li a:hover p.tt{ color:#ee1d25;}
#news ul li a:hover{background:url(image/line1.jpg) no-repeat left bottom/100% 2px #f7f7f7; box-shadow:0 10px 10px rgba(0,0,0,0.2);}

#job2{ width:1200px; margin:20px auto 0 auto; overflow:hidden;}
#job2 ul{ width:1300px;}
#job2 ul li{ float:left; margin-right:30px; width:400px;}
#job2 ul li img{ width:100%;}
#job2 ul li p.tt{ font-size:18px; line-height:50px; font-weight:900;}

#job{ width:1200px; margin:0 auto 40px auto; overflow:hidden; padding-top:10px;}
#job ul{ list-style:none; width:auto;}
#job ul li{ overflow:hidden; border-bottom:solid 1px #eee; padding:20px 0;}
#job ul li p{ float:left; width:20%;}
#job ul li p.yp{ float:left; width:100%;}
#job ul li p span{ color:#000; font-weight:bold;}
#job ul li p.beiz{ width:100%; padding-top:10px;}
#job ul li p a{ float:right; display:block; background:#eee; width:100px; color:#000; transition:width 0.5s,color 0.5s,background 0.5s; text-align:center; line-height:36px; border-radius:5px; margin-top:30px;}
#job ul li p a:hover{ width:120px; color:#fff; background:#dc0000}

#wyjob{ width:1200px; margin:0 auto 80px auto; overflow:hidden;}
#wyjob p{ padding-top:20px; float:left; width:25%;}
#wyjob p.content{ width:98.2%;}
#wyjob p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#wyjob p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#wyjob p a{ display:block; background:#2e3092; color:#fff; transition:all 0.5s;line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#wyjob p a:hover{ background:#ee1d25; width:180px;}

#dangmenu{ width:100%; overflow:hidden; background:#f7f7f7; text-align:center;}
#dangmenu ul{ display:inline-block; border-right:solid 1px #fff;}
#dangmenu ul li{ float:left; border-left:solid 1px #fff;}
#dangmenu ul li a{ display:block; line-height:60px; padding:0 50px;}
#dangmenu ul li a:hover{ background:#ee1d25; color:#fff;}

#contact{ width:1200px; margin:20px auto 80px auto; overflow:hidden;}
#contact .contact{ width:550px; float:left;}
#contact p{ font-size:16px; line-height:60px; border-bottom:solid 1px #eee;}
#contact p.tt{ font-size:20px; color:#000; font-weight:900; line-height:50px;}
#contact p.tt1{ font-size:16px; color:#000; font-weight:900; line-height:50px;}
#contact .map{ float:right; width:600px;}
#contact p.aa{ width:275px; float:left;}
#contact p img{ height:60px; vertical-align:middle;}

#contact_tt{ width:1260px; margin:0 auto; overflow:hidden; font-size:24px; color:#000; line-height:60px; text-align:center;}

#contact_list{ width:1200px; margin:40px auto 80px auto; overflow:hidden;}
#contact_list ul{ width:1300px;}
#contact_list ul li{ width:243px; border:solid 1px #eee; margin-right:20px; padding:20px; height:100px; float:left; margin-bottom:20px;}
#contact_list ul li p.tt{ font-size:16px; color:#000; font-weight:900;}

#feedback{ width:1200px; margin:0 auto 60px auto; overflow:hidden;}
#feedback p{ padding-top:20px; float:left; width:25%;}
#feedback p.content{ width:98.2%;}
#feedback p input{ border:solid 1px #ddd; width:99%; line-height:40px; text-indent:10px; height:40px; padding:0 0px; font-family:"微软雅黑";}
#feedback p textarea{ border:solid 1px #ddd; width:100%; line-height:24px; padding-top:10px; height:120px; padding:10px; font-family:"微软雅黑";}
#feedback p a{ display:block; background:#0f3d80; color:#fff; transition:background 0.5s; line-height:46px; width:150px; text-align:center; border-radius:5px; font-size:14px;}
#feedback p a:hover{ background:#d40012;}


#pro{ width:1200px; margin:20px auto 30px auto; overflow:hidden;}
#pro ul{ width:1300px;}
#pro ul li{ width:285px; margin-right:20px; float:left; margin-bottom:20px;}
#pro ul li a{ display:block; line-height:20px; text-align:left;  background:#f7f7f7; overflow:hidden;}
#pro ul li a p{padding:10px;}
#pro ul li a div{ overflow:hidden; margin:10px 10px 0 10px;}
#pro ul li a img{ width:100%; transition:All 0.4s ease-in-out;  -webkit-transition:All 0.4s ease-in-out;  -moz-transition:All 0.4s ease-in-out;  -o-transition:All 0.4s ease-in-out;}
#pro ul li a img:hover{transform:scale(1.15);}
#pro ul li a:hover{ background:#ee1d25; color:#fff;}

#bigpro{ width:1200px; margin:30px auto 60px auto; overflow:hidden;}
#bigpro .a1{ float:left}
#bigpro .a2{ width:560px; float:right;}
#bigpro .a2 p{ border-bottom:solid 1px #eee; line-height:60px;}
#bigpro .a2 p span{ font-weight:900; color:#000; padding-right:20px;}
#bigpro .a2 p a{ color:#004590;}
#bigpro .a2 p a span{ font-weight:900; padding-right:20px;}
#bigpro .a2 p a:hover{ color:#c00; text-decoration:underline;}

#companymenu{ width:100%; overflow:hidden; background:#f7f7f7; text-align:center;}
#companymenu ul{ display:inline-block; border-right:solid 1px #fff;}
#companymenu ul li{ float:left; border-left:solid 1px #fff;}
#companymenu ul li a{ display:block; line-height:60px; padding:0 50px;}
#companymenu ul li a:hover{ background:#ee1d25; color:#fff;}

#company1{ width:1200px; margin:40px auto 80px auto; overflow:hidden;}
#company1 .left{ float:left; width:600px;}
#company1 .left img{ width:100%;}
#company1 .right{ float:right; width:550px;}
#company1 .right p.tt{ font-size:24px; font-weight:900; line-height:60px;}
#company1 .right p.cc{ font-size:18px; font-weight:900; line-height:40px;}

#company2{ background:#e9f2fe; width:100%; overflow:hidden;}
#company2 .tt{ text-align:center; font-size:24px; color:#000; line-height:60px; padding-top:40px;}
#company2 .kuang{ padding-top:0; width:1260px; margin:0 auto;}

.botbox{width:100%; margin:30px auto 0px auto; border-top:1px dashed #ddd; border-bottom:1px dashed #ddd; padding:10px 0px; height:20px;}
.botbox .newpage{float:left; width:100%; padding-right:10px; font-size:12px;}
.botbox .newpage span.l{float:left;display:block; line-height:24px;width:49%;}
.botbox .newpage span.r{float:right;display:block; line-height:24px;width:49%;text-align: right}
.botbox .newpage span a{color: #404040;}

#about_con .news_title{ font-size:24px;padding: 10px;}


}